<script setup lang='ts'>
import { Document, DocumentRemove, Postcard } from '@element-plus/icons-vue'
</script>

<template>
  <el-card shadow="always" :body-style="{ padding: '10px' }">
    <template #header>
      <div>
        <span text-lg>附件汇总</span>
      </div>
    </template>
    <div space-y-2>
      <div flex-y-center gap-3>
        <el-icon size="18px">
          <Document />
        </el-icon>售前方案设计拓扑图.png
        <p space-x-3>
          <a text-blue>预览</a>
          <a text-blue>下载</a>
        </p>
      </div>
      <div flex-y-center gap-3>
        <el-icon size="18px">
          <Postcard />
        </el-icon> 方案风险评估报告.docs
        <p space-x-3>
          <a text-blue>预览</a>
          <a text-blue>下载</a>
        </p>
      </div>
      <div flex-y-center gap-3>
        <el-icon size="18px">
          <Postcard />
        </el-icon> 方案验收报告.docs
        <p space-x-3>
          <a text-blue>预览</a>
          <a text-blue>下载</a>
        </p>
      </div>
      <div flex-y-center gap-3>
        <el-icon size="18px">
          <DocumentRemove />
        </el-icon>交付方案模板.pdf
        <p space-x-3>
          <a text-blue>预览</a>
          <a text-blue>下载</a>
        </p>
      </div>
      <div flex-y-center gap-3>
        <el-icon size="18px">
          <DocumentRemove />
        </el-icon>实施步骤和关键信息.docs
        <p space-x-3>
          <a text-blue>预览</a>
          <a text-blue>下载</a>
        </p>
      </div>
      <div flex-y-center gap-3>
        <el-icon size="18px">
          <DocumentRemove />
        </el-icon>xxxxxxxxxxxxxxxxxxxx.docs
        <p space-x-3>
          <a text-blue>预览</a>
          <a text-blue>下载</a>
        </p>
      </div>
    </div>
  </el-card>
</template>

<style scoped lang='scss'>

</style>
